<template>
  <div>
    <ve-pie :data="chartData" :settings="chartSettings"></ve-pie>
  </div>
</template>
<script>
import VePie from 'v-charts/lib/pie.common'
export default {
  props: [ 'mobileBrands' ],
  components: {
    VePie
  },
  data () {
    this.chartSettings = {
      label: {
        formatter: '{b}: ({d}%)'
      }
    }
    return {
      chartData: {
        columns: ['brand', 'cnt'],
        rows: this.mobileBrands
      }
    }
  }
}
</script>
<style lang="less">
.echart{
	min-width:500px;
	min-height: 300px
}
</style>
